﻿<%@ Page Title="" Language="C#" MasterPageFile="~/master.Master" AutoEventWireup="true" CodeBehind="venueExample.aspx.cs" Inherits="Hotel2.venueExample" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" type="text/css" href="css/teal.css" media="screen">
    <link rel="stylesheet" type="text/css" href="css/venueExample.css" media="screen">
    <link rel="stylesheet" type="text/css" href="css/payments.css" media="screen">
    <script type="text/javascript" src="js/tabber.js"></script>


     <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
    </script>

    <script>
        var myCenter=new google.maps.LatLng(51.508742,-0.120850);

        function initialize()
        {
        var mapProp = {
          center:myCenter,
          zoom:5,
          mapTypeId:google.maps.MapTypeId.ROADMAP
          };

        var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

        var marker=new google.maps.Marker({
          position:myCenter,
          });

        marker.setMap(map);

        var infowindow = new google.maps.InfoWindow({
          content:"<b>Venue Example</b><br /><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p><p><a href='venueExample.aspx'>More Info</a></p>"
          });

        google.maps.event.addListener(marker, 'click', function() {
          infowindow.open(map,marker);
          });
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>




</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="content">
		<div class="article">
			<div class="ArticleContent">
				<h1>Venues</h1>
				


            <div class="venuesUnit">
                    <div class="venuesArticle">
                    <div class="venuesImage"></div>
                        <div class="venuesTitle">Venue Example</div>
                        
                       <div class="venuesContent">
                            <p>Etiam ante lectus, egestas at convallis sit amet, vehicula molestie est. Etiam eget enim nisl, ac tristique nibh. 
                            Duis dapibus mauris non tortor condimentum eget dignissim quam consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                            Vivamus quis eros mauris, at fringilla ipsum. Donec rhoncus, nulla quis dignissim iaculis, nisi lectus convallis diam, venenatis lacinia est arcu vel lectus. 
                            Nam at dolor ipsum. Quisque nec tellus vel turpis dapibus molestie sit amet suscipit sem. In porta posuere elementum.
                            Proin gravida condimentum massa ac placerat. Praesent bibendum tortor velit, sollicitudin rhoncus massa. Aenean eget ligula.</a> </p>
                       </div>
			        </div>
		    </div>
            
            <div class="tabber">

                 <div class="tabbertab">
	              <h2>Details</h2>
                     <asp:Table ID="Table2" runat="server">
            <asp:TableRow ID="TableRow1" runat="server">
                <asp:TableCell ID="TableCell1" runat="server" Font-Bold="True">Address</asp:TableCell>
                <asp:TableCell ID="TableCell2" runat="server">Venue Address 1</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow ID="TableRow2" runat="server">
                <asp:TableCell ID="TableCell3" runat="server" Font-Bold="True">City</asp:TableCell>
                <asp:TableCell ID="TableCell4" runat="server">Venue City 1</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow ID="TableRow3" runat="server">
                <asp:TableCell ID="TableCell5" runat="server" Font-Bold="True">Post Code</asp:TableCell>
                <asp:TableCell ID="TableCell6" runat="server">Venue Post Code 1</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow ID="TableRow4" runat="server">
                <asp:TableCell ID="TableCell7" runat="server" Font-Bold="True">Contact #</asp:TableCell>
                <asp:TableCell ID="TableCell8" runat="server">111111111</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow ID="TableRow5" runat="server">
                <asp:TableCell ID="TableCell9" runat="server" Font-Bold="True">Email</asp:TableCell>
                <asp:TableCell ID="TableCell10" runat="server">venue@domain.tld</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow ID="TableRow6" runat="server">
                <asp:TableCell ID="TableCell11" runat="server" Font-Bold="True">Capacity</asp:TableCell>
                <asp:TableCell ID="TableCell12" runat="server">80,000</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow ID="TableRow7" runat="server">
                <asp:TableCell ID="TableCell13" runat="server" Font-Bold="True">Year Built</asp:TableCell>
                <asp:TableCell ID="TableCell14" runat="server">2002</asp:TableCell>
            </asp:TableRow>
        </asp:Table>

                 </div>


                 <div class="tabbertab">
	              <h2>Location</h2>
	              <div id="googleMap" style="height:500px;"></div>
                 </div>


                 <!--<div class="tabbertab">
	              <h2>Accessibility</h2>
	              <p>Tab 3 content.</p>
                 </div>-->

            </div>




		</div>
	</div>
    </div>
</asp:Content>